<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script>
    function findImage(){
        var arr = document.getElementsByClassName ("image22");
          arr[0].src="2.jpg";
}
    </script>
<style>
    .btn2{
        position:fixed;
        width: 640px;
        height: 1030px;
        margin-left: 580px;
    }
    .image22{
        position: absolute;
        width: 640px;
        height: 1030px;
        margin-left: 580px;
    }
    a{
        position: fixed;
        margin-left: 580px;
        font-size: 50px;
        column:purple;
    }
    
    </style>
<body>
    <img class="btn2" src="1.jpg" /> 
    <img class="image22" src="5.png" title="开始寻韵" onclick="findImage()">
    <a href="html3.html" target="_self">返回</a>
</body>
</html>